<template>
  <div class="home">
    <Header></Header>
    <Banner></Banner>
    <Footer class="footer"></Footer>
  </div>
</template>

<script>
    import Header from './common/Header'
    import Banner from './common/Banner'
    import Footer from './common/Footer'

    export default {
        name: "Home",
        components: {
            Header,
            Banner,
            Footer,
        }
    }
</script>

<style scoped>
.footer{
  position: absolute;
  bottom: 0;
}

</style>
